<template>
    <div class="base-info">
        <div class="mid-button">
            <el-radio-group v-model="midValue">
                <el-radio-button label="1">详细信息</el-radio-button>
                <el-radio-button label="2">变更目录</el-radio-button>
            </el-radio-group>
        </div>
        <div class="info">
            <div class="info-title">
                {{ midValue == '1' ? '经销商信息' : '变更记录' }}
            </div>
            <div class="info-table">
				<div  v-if="midValue == '1'">
					<el-descriptions :column="2" border labelClassName="label" contentClassName="content">
						<el-descriptions-item label="手机号码">18100000000</el-descriptions-item>
						<el-descriptions-item label="角色/职务">老板</el-descriptions-item>
						<el-descriptions-item label="姓名">刘天文</el-descriptions-item>
						<el-descriptions-item label="所属行业">学校</el-descriptions-item>
						<el-descriptions-item label="细分行业">大健康</el-descriptions-item>
						<el-descriptions-item>
							<template slot="label">合作意向</template>
							<el-tag size="small" type="danger">高意向</el-tag>
						</el-descriptions-item>
						<el-descriptions-item label="经销商来源">转介绍</el-descriptions-item>
						<el-descriptions-item label="细分来源">线下互动</el-descriptions-item>
						<el-descriptions-item>
							<template slot="label">经销商等级</template>
							<el-tag size="small">一级</el-tag>
						</el-descriptions-item>
						<el-descriptions-item label="经销商标签">新客</el-descriptions-item>
						<el-descriptions-item>
							<template slot="label">经销商状态</template>
							<el-tag size="small" type="success">已合作</el-tag>
						</el-descriptions-item>
					</el-descriptions>

					<div class="sub-tit">门店信息</div>
					<el-descriptions :column="2" border labelClassName="label" contentClassName="content">
						<el-descriptions-item label="营业执照">XXXX营业执照</el-descriptions-item>
						<el-descriptions-item label="统一社会信用代码">123456789123456789</el-descriptions-item>
						<el-descriptions-item label="法人姓名">李大浩</el-descriptions-item>
						<el-descriptions-item label="门店名称">健康药房2号</el-descriptions-item>
						<el-descriptions-item label="员工规模">10</el-descriptions-item>
						<el-descriptions-item label="门店地址">江苏省苏州市吴中区</el-descriptions-item>
						<el-descriptions-item label="详细地址">吴中大道 1188 号</el-descriptions-item>
						<el-descriptions-item>
							<template slot="label">门店状态</template>
							<el-tag size="small" type="success">已合作</el-tag>
						</el-descriptions-item>
						<el-descriptions-item label="收货人姓名">吴中大道 1188 号</el-descriptions-item>
						<el-descriptions-item label="收货人手机号">吴中大道 </el-descriptions-item>
					</el-descriptions>

					<div class="sub-tit">项目信息</div>
					<el-descriptions :column="2" border labelClassName="label" contentClassName="content">
						<el-descriptions-item label="合作项目">国保</el-descriptions-item>
						<el-descriptions-item label="线类型">小线</el-descriptions-item>
						<el-descriptions-item label="开线时间">2025.07.21</el-descriptions-item>
						<el-descriptions-item label="折扣">90%</el-descriptions-item>
						<el-descriptions-item label="政策">无</el-descriptions-item>
						<el-descriptions-item label="定金缴纳日期">2025-04-12</el-descriptions-item>
						<el-descriptions-item>
							<template slot="label">银行流水截图</template>
							<image-preview :src="imageUrls"></image-preview>
						</el-descriptions-item>
						<el-descriptions-item>
							<template slot="label">项目状态</template>
							<el-tag size="small" type="success">已合作</el-tag>
						</el-descriptions-item>
						<el-descriptions-item label="项目阶段">未启动</el-descriptions-item>
						<el-descriptions-item label="所属招商经理">赵先生</el-descriptions-item>
						<el-descriptions-item label="所属战队">梦想战队</el-descriptions-item>
						<el-descriptions-item label="审核状态">通过</el-descriptions-item>
						<el-descriptions-item label="审核时间">2025-05-21012:25:43</el-descriptions-item>
						<el-descriptions-item label="备注">说明11</el-descriptions-item>
					</el-descriptions>

					<div class="sub-tit">新项目信息</div>
					<el-descriptions :column="2" border labelClassName="label" contentClassName="content">
						<el-descriptions-item label="合作项目">国保</el-descriptions-item>
						<el-descriptions-item label="线类型">小线</el-descriptions-item>
						<el-descriptions-item label="开线时间">2025.07.21</el-descriptions-item>
						<el-descriptions-item label="折扣">90%</el-descriptions-item>
						<el-descriptions-item label="政策">无</el-descriptions-item>
						<el-descriptions-item label="备注">说明11</el-descriptions-item>
					</el-descriptions>
				</div>

                <div v-else>
                    <el-timeline>
                        <el-timeline-item timestamp="2018/4/12" placement="top">
                            <el-card>
                                <h4>更新 Github 模板</h4>
                                <p>王小虎 提交于 2018/4/12 20:46</p>
                            </el-card>
                        </el-timeline-item>
                        <el-timeline-item timestamp="2018/4/3" placement="top">
                            <el-card>
                                <h4>更新 Github 模板</h4>
                                <p>王小虎 提交于 2018/4/3 20:46</p>
                            </el-card>
                        </el-timeline-item>
                        <el-timeline-item timestamp="2018/4/2" placement="top">
                            <el-card>
                                <h4>更新 Github 模板</h4>
                                <p>王小虎 提交于 2018/4/2 20:46</p>
                            </el-card>
                        </el-timeline-item>
                    </el-timeline>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import ImagePreview from '@/components/ImagePreview';

export default {
  	data() {
    	return {
        	midValue:'1',
			imageUrls: 'https://gips2.baidu.com/it/u=1651586290,17201034&fm=3028&app=3028&f=JPEG&fmt=auto&q=100&size=f600_800'
    	};
  	},
	components: {
		ImagePreview,
	},
  	created() {
  	},
	methods: {},
};
</script>

<style lang="scss" scoped>
.base-info {
    .mid-button {
        margin: 20px 0;
    }
    .info {
        .info-title {margin: 20px 0;padding: 3px 0 3px 25px;font-size: 18px;font-weight: bold;border-left: 8px solid #409eff;}
        .info-table {margin-top: 30px;}
    }
	.sub-tit{border-left: 8px solid #409eff;margin: 20px 0;padding: 3px 0 3px 25px;font-size: 18px;font-weight: bold;}
	.el-descriptions{
		::v-deep .label{width: 150px;}
		::v-deep .content{width: 200px;}
	} 
}
</style>
